  let layer = layui.layer
  // 1.获取用户信息
  getUserInfo()
  function getUserInfo() {
    $.ajax({
      type: 'GET',
      url: '/my/userinfo',
      // 设置请求头
      // headers: {
      //   Authorization:localStorage.getItem('token')
      // },
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        // layer.msg(res.message)
        // 调用渲染函数
        renderAvatar(res.data)
      }, 
      //不管请求结果是成功还是失败，都会执行complete这个回调函数
      // 用来判断用户是否在没有登录的情况下去访问后台
      complete: function (res) {
        // console.log(res)
        if (res.responseJSON.status === 1 && res.responseJSON.message == '身份认证失败！') {
          // 1.强制清空token
          localStorage.removeItem('token')
          // 2.强制跳转到登录页
          location.href = '/login.html'
        }
      }
    }) 
  }

  // 2.封装渲染函数
  function renderAvatar(user) {
    // 获取用户的username或nickname都可以
    let name = user.nickname || user.username 

    // 渲染 欢迎的文本
    $('#welcome').html(`欢迎&nbsp;&nbsp;${name}`)

    // 渲染 头像先判断是否有头像，没有就显示字体头像
    if (user.user_pic !== null) {
      $('.layui-nav-img').attr('src', user.user_pic).show()
      $('.text-avatar').hide()
    } else {
      $('.layui-nav-img').hide()
      const frist = name[0].toUpperCase()
      $('.text-avatar').html(frist).show()
    }

  }

  // 3.退出登录功能 
  $('#lofinOut').on('click',function(e){
    e.preventDefault()
    // layui 中的询问弹窗，必须先定义layer这个方法，才能调用confrim
    layer.confirm('确定退出登录吗？', {icon: 3, title:'提示'}, function(index){
      //  清空本地储存的token
      localStorage.removeItem('token')

      // 跳转到登录页
      location.href = '/login.html'
     
      layer.close(index);
    });
  })

function click() {
  $('#pubClick').click()  
}
